<template>
  <div :class="['PingLayer']" :id="cls_id">
    <div class="view" >
      <ul class="panelDiv">
        <li >
          <LpingPanel_1></LpingPanel_1>
        </li>
        <li>
          <LpingPanel_1></LpingPanel_1>
        </li>
      </ul>
      <div class="conDiv"></div>
    </div>
  </div>
</template>


<style scoped>
.PingLayer{
  color: black;height: 100%;
}

.view{
  position: absolute;
}

.panelDiv{
  position: relative;background: darkgoldenrod;

  display:flex;display: -webkit-flex;flex-direction:row; justify-content:flex-start;
}
.panelDiv li{
  position: relative;background-color: black;width: 100%;height: 100%;
}
.conDiv{
  position: absolute;
}

</style>

<script setup>
/*组件挂载完成后执行的函数；*/
import {ref,reactive,watch,computed,onBeforeUnmount, onMounted, onUnmounted} from "vue";
import { useStore} from 'vuex';
import LpingPanel_1 from "@/pages/pc/views/panel/LpingPanel_1";




let store = useStore();
let cls_id=winApp.getClsId();

onMounted(() => {
  console.log("PingLayer onMounted PC 初始化");

});


onBeforeUnmount(() => {
  console.log('PingLayer onBeforeUnmount');
})
onUnmounted(() => {
  //卸载组件实例后调用,调用此钩子时,组件实例的所有指令都被解除绑定,所有事件侦听器都被移除,所有子组件实例被卸载。
  console.log("PingLayer onUnmounted 卸载组件实例后  ");
});


</script>





